
.usernameBox{
    position: relative;
    display: flex;
    z-index: 1;
    &::after{
        content: '';
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both;
    }

    > * + * {
        margin-left: 6px;
    }
    .username{
        float: left;
        max-width: 100px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        &:last-child{
            flex: 1;
            max-width: 100%;
            float: none;
        }
    }
}
